06 Implementando Resolvers

Pedro viu a aula sobre Resolvers e implementou os códigos abaixo.

// photo-list.resolver.ts

@Injectable({ providedIn: 'root' })
export class PhotoListResolver implements Resolve<Observable<Photo[]>> {

    constructor (private service: PhotoService) {}

    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
        const userName = route.params.userName;
        return this.service.listFromUser(userName);
    }
}

// photo-list.component.ts

@Component({
    // omitidas as configurações do componente.
})
export class PhotoListComponent implements OnInit {

    photos: Photo[] = [];
    filter: string = '';

    constructor(private activatedRoute: ActivatedRoute) {}

    ngOnInit() {
        this.photos = this.activatedRoute.snapshot.data.photos;
    }
}

Marque a afirmativa correta sobre o código de nosso colega!

Alternativa correta

O código não irá funcionar corretamente e a listagem de imagens não será feita!

Muito bem! Está correto! Como visto em aula, é necessário configurar o Resolver na rota correspondente da aplicação. Faltou fazer esse passo da seguinte forma:

// app.routing.module.ts

const routes: Routes = [
    {
        path: 'user/:userName',
        component: PhotoListComponent,
        resolve: {
            photos: PhotoListResolver
        }
    }
]

// restante do código omitido.

Alternativa correta

O código não irá funcionar corretamente pois faltou indicar o tipo de retorno do método resolve() da classe PhotoListResolver como sendo Observable<Photo[]>.

Incorreto! O tipo de retorno não precisa ser explícito como feito durante a aula! Como visto em aula, o que ficou faltando foi configurar o Resolver na rota correspondente da aplicação.

Alternativa correta

O código funciona corretamente mostrando a listagem de imagens.

Incorreto! Como visto em aula, é necessário configurar o Resolver na rota correspondente da aplicação. Faltou fazer esse passo!